<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>解构赋值</title>
		<!-- 把复杂的数据解析成简单的数据，并且分别封装赋值 -->
		<script>
			/* 定义复杂数据：对象 */
			let user = {
				name: 'kunkun',
				age: 26,
				hobby: ['唱', '跳', 'rap', '篮球'],
				changGe: () => { console.log('只因你太美')}
			}
			// let a = user.name
			// console.log(a)
			/* 同时定义4个变量，接收对象的4个属性/方法 */
			// 对象解构赋值，要求：变量名和属性名一致
			let {name, age, hobby, changGe} = user
			changGe()
			user.changGe()
			// 数组的解构赋值，变量名没有限制
			let [a, b, c, d] = hobby
			console.log(d)
		</script>
	</head>
	<body>
	</body>
</html>